<!DOCTYPE html>
<html>
    <head>
        <title>Uniter</title>

        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
        <link rel="stylesheet" href="styles/base.css">
    </head>
    <body>
        <article>
            <heading>
                <ul class="nav nav-pills pull-right">
                    <li class="active"><a href="">Home</a></li>
                    <li><a href="demo/interactive.html">Demo</a></li>
                </ul>
                <h1 class="text-muted">Uniter</h1>
            </heading>

            <section class="jumbotron">
                <h1>Run PHP in JavaScript.</h1>
                <p class="lead">Execute PHP in real-time in the browser.</p>
                <p><a class="btn btn-lg btn-success" href="demo/interactive.html" role="button">Interactive demo</a></p>
            </section>

            <section class="row marketing">
                <h1>What can I use it for?</h4>

                <div class="col-lg-6">
                    <h2>For developers</h2>
                    <ul>
                        <li>Run your PHP-based data validators client-side.</li>
                        <li>Reuse your PHP components (like dependency injection containers) client-side.</li>
                    </ul>
                </div>

                <div class="col-lg-6">
                    <h2>For businesses</h2>
                    <ul>
                        <li>Utilize your existing PHP engineering strength to write client-side PHP for a unified stack.</li>
                    </ul>
                </div>
            </section>
        </article>

        <a href="https://github.com/asmblah/uniter">
            <img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png" alt="Fork me on GitHub">
        </a>

        <script src="//code.jquery.com/jquery.js"></script>
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    </body>
</html>
